<DocumentFragment>
  <div
    class="ant-app"
  >
    <div>
      test
    </div>
    <div
      style="background: #F5F7FA;"
    >
      <div
        class="ant-pro-page-container ant-pro-page-container-with-affix"
      >
        <div
          class="ant-pro-page-container-affix"
        >
          <div
            class=""
          >
            <div
              class="ant-pro-page-container-warp"
            >
              <div
                class="ant-page-header ant-pro-page-container-warp-page-header ant-page-header-has-breadcrumb ant-page-header-has-footer ant-page-header-ghost"
              >
                <nav
                  class="ant-breadcrumb ant-page-header-breadcrumb"
                >
                  <ol>
                    <li>
                      <a
                        class="ant-breadcrumb-link"
                        href="#/"
                      >
                        Primary page
                      </a>
                    </li>
                    <li
                      aria-hidden="true"
                      class="ant-breadcrumb-separator"
                    >
                      /
                    </li>
                    <li>
                      <a
                        class="ant-breadcrumb-link"
                        href="#//"
                      >
                        Secondary page
                      </a>
                    </li>
                    <li
                      aria-hidden="true"
                      class="ant-breadcrumb-separator"
                    >
                      /
                    </li>
                    <li>
                      <a
                        class="ant-breadcrumb-link"
                        href="#///"
                      >
                        Current page
                      </a>
                    </li>
                  </ol>
                </nav>
                <div
                  class="ant-page-header-heading "
                >
                  <div
                    class="ant-page-header-heading-left"
                  >
                    <span
                      class="ant-page-header-heading-title"
                      title="Page Title"
                    >
                      Page Title
                    </span>
                  </div>
                </div>
                <div
                  class="ant-page-header-footer"
                >
                  <div
                    class="ant-tabs ant-tabs-top ant-pro-page-container-tabs"
                  >
                    <div
                      aria-orientation="horizontal"
                      class="ant-tabs-nav"
                      role="tablist"
                    >
                      <div
                        class="ant-tabs-nav-wrap"
                      >
                        <div
                          class="ant-tabs-nav-list"
                          style="transform: translate(0px, 0px);"
                        >
                          <div
                            class="ant-tabs-tab ant-tabs-tab-active"
                            data-node-key="1"
                          >
                            <div
                              aria-controls="rc-tabs-test-panel-1"
                              aria-selected="true"
                              class="ant-tabs-tab-btn"
                              id="rc-tabs-test-tab-1"
                              role="tab"
                              tabindex="0"
                            >
                              Selected
                            </div>
                          </div>
                          <div
                            class="ant-tabs-tab"
                            data-node-key="2"
                          >
                            <div
                              aria-controls="rc-tabs-test-panel-2"
                              aria-selected="false"
                              class="ant-tabs-tab-btn"
                              id="rc-tabs-test-tab-2"
                              role="tab"
                              tabindex="-1"
                            >
                              Clickable
                            </div>
                          </div>
                          <div
                            class="ant-tabs-tab ant-tabs-tab-disabled"
                            data-node-key="3"
                          >
                            <div
                              aria-controls="rc-tabs-test-panel-3"
                              aria-disabled="true"
                              aria-selected="false"
                              class="ant-tabs-tab-btn"
                              id="rc-tabs-test-tab-3"
                              role="tab"
                            >
                              Disabled
                            </div>
                          </div>
                          <div
                            class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
                            style="width: 0px; left: 0px; transform: translateX(-50%);"
                          />
                        </div>
                      </div>
                      <div
                        class="ant-tabs-nav-operations ant-tabs-nav-operations-hidden"
                      >
                        <button
                          aria-controls="rc-tabs-test-more-popup"
                          aria-expanded="false"
                          aria-haspopup="listbox"
                          class="ant-tabs-nav-more"
                          id="rc-tabs-test-more"
                          style="visibility: hidden; order: 1;"
                          type="button"
                        >
                          <span
                            aria-label="ellipsis"
                            class="anticon anticon-ellipsis"
                            role="img"
                          >
                            <svg
                              aria-hidden="true"
                              data-icon="ellipsis"
                              fill="currentColor"
                              focusable="false"
                              height="1em"
                              viewBox="64 64 896 896"
                              width="1em"
                            >
                              <path
                                d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
                              />
                            </svg>
                          </span>
                        </button>
                      </div>
                    </div>
                    <div
                      class="ant-tabs-content-holder"
                    >
                      <div
                        class="ant-tabs-content ant-tabs-content-top"
                      >
                        <div
                          aria-hidden="false"
                          aria-labelledby="rc-tabs-test-tab-1"
                          class="ant-tabs-tabpane ant-tabs-tabpane-active"
                          id="rc-tabs-test-panel-1"
                          role="tabpanel"
                          tabindex="0"
                        />
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div
          class="ant-pro-grid-content"
        >
          <div
            class="ant-pro-grid-content-children"
          >
            <div
              class="ant-pro-page-container-children-container"
            >
              <div
                class="ant-pro-card ant-pro-card-border ant-pro-card-contain-card ant-pro-card-ghost"
              >
                <div
                  class="ant-pro-card-body ant-pro-card-body-direction-column"
                >
                  <div
                    class="ant-pro-card-col"
                    style="padding-block-start: 8px; padding-block-end: 8px;"
                  >
                    <div
                      class="ant-pro-card ant-pro-card-border"
                      style="height: 200px;"
                    >
                      <div
                        class="ant-pro-card-body"
                      />
                    </div>
                  </div>
                  <div
                    class="ant-pro-card-col"
                    style="padding-block-start: 8px; padding-block-end: 8px;"
                  >
                    <div
                      class="ant-pro-card ant-pro-card-border ant-pro-card-contain-card ant-pro-card-ghost"
                    >
                      <div
                        class="ant-pro-card-body"
                      >
                        <div
                          class="ant-pro-card-col ant-pro-card-col-16"
                          style="padding-inline-end: 8px; padding-inline-start: 8px;"
                        >
                          <div
                            class="ant-pro-card ant-pro-card-border"
                            style="height: 200px;"
                          >
                            <div
                              class="ant-pro-card-body"
                            />
                          </div>
                        </div>
                        <div
                          class="ant-pro-card-col ant-pro-card-col-8"
                          style="padding-inline-end: 8px; padding-inline-start: 8px;"
                        >
                          <div
                            class="ant-pro-card ant-pro-card-border"
                            style="height: 200px;"
                          >
                            <div
                              class="ant-pro-card-body"
                            />
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div
                    class="ant-pro-card-col"
                    style="padding-block-start: 8px; padding-block-end: 8px;"
                  >
                    <div
                      class="ant-pro-card ant-pro-card-border ant-pro-card-contain-card ant-pro-card-ghost"
                    >
                      <div
                        class="ant-pro-card-body"
                      >
                        <div
                          class="ant-pro-card-col ant-pro-card-col-8"
                          style="padding-inline-end: 8px; padding-inline-start: 8px;"
                        >
                          <div
                            class="ant-pro-card ant-pro-card-border"
                            style="height: 200px;"
                          >
                            <div
                              class="ant-pro-card-body"
                            />
                          </div>
                        </div>
                        <div
                          class="ant-pro-card-col ant-pro-card-col-16"
                          style="padding-inline-end: 8px; padding-inline-start: 8px;"
                        >
                          <div
                            class="ant-pro-card ant-pro-card-border"
                            style="height: 200px;"
                          >
                            <div
                              class="ant-pro-card-body"
                            />
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</DocumentFragment>